<?xml version="1.0" encoding= "UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:form>
	<p:dataScroller value="#{profileBean.currentUser.educations}"
		var="education">

		<h:panelGrid columns="2">
			<p:outputPanel>
				<h:panelGrid columns="2" cellpadding="5">


					<h:outputText value="Institution:"
						rendered="#{not empty education.institutionTitle}" />
					<h:outputText value="#{education.institutionTitle}"
						rendered="#{not empty education.institutionTitle}" />

					<h:outputText value="Education Start:"
						rendered="#{not empty education.educationStart}" />
					<h:outputText converter="javax.faces.DateTime"
						value="#{education.educationStart}"
						rendered="#{not empty education.educationStart}" />

					<h:outputText value="Education End:"
						rendered="#{not empty education.educationEnd}" />
					<h:outputText converter="javax.faces.DateTime"
						value="#{education.educationEnd}"
						rendered="#{not empty education.educationEnd}" />

					<h:outputText value="Education Type:"
						rendered="#{not empty education.educationType}" />
					<h:outputText value="#{education.educationType}"
						rendered="#{not empty education.educationType}" />


					<h:outputText value="Country:"
						rendered="#{not empty education.educationCountry.countryName}" />
					<h:outputText value="#{education.educationCountry.countryName}"
						rendered="#{not empty education.educationCountry.countryName}" />

					<h:outputText value="City:"
						rendered="#{not empty education.educationCity.cityName}" />
					<h:outputText value="#{education.educationCity.cityName}"
						rendered="#{not empty education.educationCity.cityName}" />

					<p:separator style="width:100%;height:1px" />
				</h:panelGrid>
			</p:outputPanel>
		</h:panelGrid>
	</p:dataScroller>
</h:form>
</html>